<%@ include file="../header.jsp"%>


<%@page import="cl.mt.dto.DTOVehiculo"%>
<%@page import="cl.mt.util.Utiles"%>
<%@page import="cl.mt.proxy.ProxyTipoPlataforma"%>
<%@page import="java.util.Collection"%>
<%@page import="cl.mt.dto.DTOTipoPlataforma"%>
<%@page import="cl.mt.proxy.ProxyTipoVehiculo"%>
<%@page import="cl.mt.dto.DTOTipoVehiculo"%>
<%@page import="cl.mt.proxy.ProxyTipoUnidad"%>
<%@page import="cl.mt.dto.DTOTipoUnidad"%>
		
<jsp:include page="../divHeader.jsp" />
<jsp:include page="../navigation_logo.jsp" />
<jsp:include page="../menu_usuarios.jsp" />

<!-- ---------------------------------------------------------------------------------------------- -->
<%
DTOVehiculo dtoVehiculo = (DTOVehiculo) request.getAttribute("DatoVehiculo");
if ( dtoVehiculo == null )
	dtoVehiculo = new DTOVehiculo();

ProxyTipoPlataforma proxyTipoPlataforma = ProxyTipoPlataforma.getInstance();
Collection<DTOTipoPlataforma> colTipoPlat = proxyTipoPlataforma.getLista();

String jsListaPlat = "";
for (java.util.Iterator< DTOTipoPlataforma> it=colTipoPlat.iterator(); it.hasNext(); ) {
	DTOTipoPlataforma dto = it.next();
	jsListaPlat += "TIPOPLAT[TIPOPLAT.length] = '" + dto.getIdTipoVehiculo() + "#" + dto.getId() + "#" + dto.getDescripcion() + "';\n";
}

ProxyTipoVehiculo proxyTipoVehiculo = ProxyTipoVehiculo.getInstance();
Collection<DTOTipoVehiculo> colTipoVehi = proxyTipoVehiculo.getLista();

String jsListaVehi = "";
for (java.util.Iterator<DTOTipoVehiculo> it=colTipoVehi.iterator(); it.hasNext(); ) {
	DTOTipoVehiculo dto = it.next();
	jsListaVehi += "TIPOVEHI[TIPOVEHI.length] = '" + dto.getId() + "#" + dto.getDescripcion() + "';\n";
}


ProxyTipoUnidad  proxyTipoUnidad= ProxyTipoUnidad.getInstance();
Collection<DTOTipoUnidad> colTipoUnid = proxyTipoUnidad.getLista();

String jsListaUnid = "";
for (java.util.Iterator<DTOTipoUnidad> it=colTipoUnid.iterator(); it.hasNext(); ) {
	DTOTipoUnidad dto = it.next();
	jsListaUnid += "TIPOUNI[TIPOUNI.length] = '" + dto.getId() + "#" + dto.getDescripcion() + "';\n";
}

%>
<div class="titulo">Mis Postulaciones a Ofertas de Carga</div>
<div class="banner_columna"></div>
<div class="content">
<div class="content">
<script language="JavaScript">
<!--
var TIPOVEHI= new Array();
<%= jsListaVehi %>;
var TIPOPLAT = new Array();
<%= jsListaPlat %>;
var TIPOUNI = new Array();
<%= jsListaUnid %>

function cargaAnoFabricacion(forma, anoVehiculo) {
	var anoMax = 2012;
	var combo = forma.anoFabricacion;
	var i = 0;
	var anoResta = 50;
	var j = 1;
	for (i=anoMax; i>anoMax-anoResta; i--) {
		combo.options[combo.options.length] = new Option(""+i, ""+i);
		if ( anoVehiculo == i )
			combo.selectedIndex = j; 
		j++;
	}
}

function cargaTipoVehiculo(forma, idTipoVehiculo, idTipoPlataforma) {
	changeComboInicial( forma.idTipoVehiculo, TIPOVEHI, idTipoVehiculo);
	cargaTipoPlataforma(forma, idTipoPlataforma);	
}


function cargaTipoUnidad(forma, idTipoUnidad) {
	changeComboInicial( forma.idUnidadCarga, TIPOUNI, idTipoUnidad);
	
}

function cargaTipoPlataforma(forma, idTipoPlataforma) {
	changeCombos(forma.idTipoVehiculo, forma.idTipoPlataforma, TIPOPLAT, idTipoPlataforma);
}

function changeComboInicial(comboIni, ARR, idSelected) {	
	var i;
	comboIni.options.length = 1;
	comboIni.options.selectedIndex = 0;
	for (i=0; i<ARR.length; i++) {
		var nombre = getValor(ARR[i], "#", 1);
		var valor = getValor(ARR[i], "#", 0);
		comboIni.options[comboIni.options.length] = new Option(nombre, valor);
		if ( valor == idSelected )
			comboIni.options.selectedIndex = comboIni.options.length-1;
	}
}

function changeCombos(comboIni, comboFin, ARR, idSelected) {
	
	var idIni = comboIni.options[comboIni.selectedIndex].value;
	
	var i;
	comboFin.options.length = 1;
	comboFin.options.selectedIndex = 0;
	for (i=0; i<ARR.length; i++) {
		if ( idIni != getValor(ARR[i], "#", 0))
			continue;
		var nombre = getValor(ARR[i], "#", 2);
		var valor = getValor(ARR[i], "#", 1);
		comboFin.options[comboFin.options.length] = new Option(nombre, valor);
		if ( valor == idSelected )
			comboFin.options.selectedIndex = comboFin.options.length-1;
	}
}
//-->
</script>

<form method="post" name="forma" action="Vehiculos.do">
<input type="hidden" name="accion" value="crear">
<input type="hidden" name="idVehiculo" value="<%= Utiles.sinNull(dtoVehiculo.getId(), "") %>" >

<fieldset><legend><b>Datos del Veh&iacute;culo</b></legend>
<table width="100%">
<tbody>
	<tr>
	<td>
		<table>
		<tbody>
		<tr>
			<td class="col1">Patente<span class="requerido"> *</span></td>
			<td class="col3"><input type="text" name="patente" maxlength="30" value="<%= Utiles.sinNull(dtoVehiculo.getPatente(), "") %>"></td>
		</tr> 
		<tr>
			<td class="col1">A&ntilde;o Fabricaci&oacute;n<span class="requerido"> *</span></td>
			<td class="col3"><select name="anoFabricacion">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
		<tr>
			<td class="col1">Tipo Veh&iacute;culo<span class="requerido"> *</span></td>
			<td class="col3"><select name="idTipoVehiculo" onChange="cargaTipoPlataforma(this.form, '')">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
		<tr>
			<td class="col1">Tipo Plataforma<span class="requerido"> *</span></td>
			<td class="col3"><select name="idTipoPlataforma">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
		<tr>
			<td class="col1">GPS<span class="requerido"> *</span></td>
			<td class="col3"><input type="checkbox" name="gps" value="S" <%= "S".equals(dtoVehiculo.getGps()) ? "checkbox" : "" %>></td>
		</tr>
		<tr>
			<td class="col1">Marca<span class="requerido"> *</span></td>
			<td class="col3"><input type="text" name="marca" maxlength="30" value="<%= Utiles.sinNull(dtoVehiculo.getMarca(), "")%>"></td>
		</tr>
		<tr>
			<td class="col1">Unidad de Carga<span class="requerido"> *</span></td>
			<td class="col3"><select name="idUnidadCarga">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
		<tr>
			<td class="col1">Capacidad<span class="requerido"> *</span></td>
			<td class="col3"><input type="text" name="capacidad" maxlength="30" value="<%= Utiles.sinNull(dtoVehiculo.getCapacidad(), "") %>"></td>
		</tr>
		<tr>
			<td class="col1">Observaci&oacute;n<span class="requerido"> *</span></td>
			<td class="col3"><textarea name="observacion" rows=10 cols=45><%= Utiles.sinNull(dtoVehiculo.getObervaciones(), "") %></textarea></td>
		</tr> 
	</tbody>
	<script language="JavaScript">
		cargaAnoFabricacion(document.forma, '<%= dtoVehiculo.getAnoFabricacion() %>')
		cargaTipoVehiculo(document.forma, '<%= dtoVehiculo.getIdTipoVehiculo() %>', '<%= dtoVehiculo.getIdTipoPlataforma() %>')
		cargaTipoUnidad(document.forma, '<%= dtoVehiculo.getIdTipoUnidad() %>')
	</script>
	</table>
</td>
</tr>
</tbody>
</table>
</fieldset>
(*) Campos requeridos
<table class="botones" width="100%"> 
<tbody> 
<tr>

<td><input type="image" onClick="grabarVehiculo(this.form);return false;" src="imagenes/btnGuardar.gif" title="Aceptar" />
<input  type="image"  onClick="cancelarVehiculo(this.form);return false;" src="imagenes/btnCancelar.gif" title="Cancelar" /></td> 
</tr> 
</tbody> 
</table> 


</form>
<!-- ---------------------------------------------------------------------------------------------- -->

<jsp:include page="../footer.jsp" />


